<template>
	<view class="info-hezi">
		<view class="prompt">
			<image class="prompt-img" src="../../static/images/xiaoxi/duihua.png" mode="widthFix"></image>
			<view class="prompt-text">商品提示</view>
		</view>
		<view class="an-prompt" @tap="$emit('onShangPinShowPush')">
			<image class="an-img" :src="isShangPinPush==true ? '../../static/images/xiaoxi/zhankai2.png':'../../static/images/xiaoxi/zhankai.png'" mode="widthFix"></image>
			<view class="an-text">{{isShangPinPush==true ? '收起' : '展开'}}</view>
			<image v-show="!isShangPinPush" class="new-img" src="../../static/images/xiaoxi/new.png" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	export default{
		props: {
			isShangPinPush: {
				type: Boolean,
				required: true
			}
		}
	}
</script>

<style scoped lang="less">
.info-hezi{
	height: 100%;
	display: flex;
	align-items: center;
	padding-left: 70rpx;
	padding-right: 86rpx;
	justify-content: space-between;
	box-sizing: border-box;
	.prompt{
		display: flex;
		align-items: center;
		.prompt-img{
			width: 70rpx;
			height: 48rpx;
			margin-right: 68rpx;
		}
		.prompt-text{
			font-size: 44rpx;
			color: #4F9AFF;
			font-weight: 400;
		}
	}
	.an-prompt{
		width: 280rpx;
		height: 82rpx;
		background: #4F9AFF;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 82rpx;
		position: relative;
		.an-img{
			width: 40rpx;
			height: 22rpx;
			margin-right: 28rpx;
		}
		.an-text{
			color: #FFFFFF;
			font-size: 40rpx;
			font-weight: 400;
		}
		.new-img{
			width: 96rpx;
			height: 44rpx;
			position: absolute;
			top: 0;
			right: -48rpx;
		}
	}
}	
</style>
